<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>INFINI|映纷创意</title>
		<link rel="stylesheet" href="css/index.css" />
				<style>
			@media screen and (max-width: 1200px){
.header{height: 78px}
.head{height: 65px;padding-bottom: 0;padding-top: 5px;}
.logo{width: 110px;height: 32px}
}

@media screen and (max-width: 640px){

body{font-size: 86%}
.picture{width:96%;margin-top:90px;min-width: 310px;}
.link a{margin-left: 5px}
.picture{background: lightblue;}
}

		</style>
	</head>
	<body>
		<header class="header">
			<center><img src="img/title2.png"/ class="logo" ></center>
			<div class="header-text">
				<div class="a-text">
					<a class="firstword">HOME</a>
			        <a class="otherwords">WORK</a>
			        <a class="otherwords">CONTACT</a>
			        <a class="otherwords">JOIN US</a>
				</div>
			</div>
		</header>
		<div>
			<img src="img/清新绿.jpg"  class="run-img">
			<div class="running-text">
			<p>清新实验室H5</p>
		    </div>
		</div>
		<div>
			<p class="massage">INFINI （映纷创意）是一家独立创新营销公司，致力于创造会流动的美好创意。我们从策略与洞察出发，不断探索营销和创意的多元表达，用创作精神为品牌提供更具生命力的跨媒体整合营销服务。</p>
		</div>
		<div class="brand">
			<span>
				<img src="img/1.jpg" />
			</span>
			<span>
				<img src="img/2.jpg" />
			</span>
			<span>
				<img src="img/14.jpg" />
			</span>
			<span>
				<img src="img/3.jpg" />
			</span>
			<span>
				<img src="img/4.jpg" />
			</span>
			<span>
				<img src="img/5.jpg" />
			</span>
			<span>
				<img src="img/6.jpg" />
			</span>
			<span>
				<img src="img/7.jpg" />
			</span>
			<span>
				<img src="img/12.jpg" />
			</span>
			<span>
				<img src="img/13.jpg"/>
			</span>
			<span>
				<img src="img/8.jpg"/>
			</span>
			<span>
				<img src="img/10.jpg" />
			</span>
			<span>
				<img src="img/11.jpg" />
			</span>
		</div>
		<div class="picture">
			<a href="#" class="every-picture" >
				<img src="img/抖音海外版.jpg" />
				<p>抖音海外版Tik Top</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/今日头条.jpg" />
				<p>今日头条盛典</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/保洁逆转.jpg" />
				<p>保洁逆转沙漏</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/中国抖有味.jpg" />
				<p>中国抖有味</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/火影忍者.jpg" />
				<p>火影忍者</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/腾讯WE大会.jpg" />
				<p>腾讯WE大会</p>
			</a>
			<a class="every-picture">
				<img src="img/oppo.jpg" />
				<p>OPPO R17系列</p>
			</a>
			<a class="every-picture">
				<img src="img/贝壳找房.jpg" />
				<p>贝壳找房</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/单车.jpg" />
				<p>青桔单车</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/数字敦煌.jpg" />
				<p>数字敦煌</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/抖音品牌升级片.jpg" />
				<p>抖音品牌升级片</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/2017我的家乡头条.jpg" />
				<p>2017我的家乡头条</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/oppoR15.jpg" />
				<p>OPPO R17</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/让红包飞.jpg" />
				<p>新浪微博 让红包飞</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/TOPBUZZE.jpg" />
				<p>TopBuzz</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/oppors.jpg"/>
				<p>OPPO R11s星幕新年版</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/周杰伦.jpg" />
				<p>周杰伦2000W个故事</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/2017年10大头条.jpg" />
				<p>2017十大头条盘点H5</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/腾讯wifi.jpg" />
				<p>腾讯WIFI管家，地铁都能连</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/腾讯WE大会2.jpg" />
				<p>腾讯WE大会</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/天猫团员街.jpg"/>
		        <p>天猫团员街</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/TFS限量.jpg" />
				<p>TFboys限量版概念宣传片</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/100美元.jpg" />
				<p>前方100美元正在向你告白</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/天猫幻想音响节.jpg" />
				<p>天猫幻想音响节</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/世界名画.jpg" />
				<p>世界名画抖起来了H5</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/小米max2.jpg" />
				<p>小米max2创意海报</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/聚星台.jpg" />
				<p>聚星台会员通</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/清新绿.jpg" />
				<p>清新绿实验室大揭秘H5</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/今日头条第二弹.jpg" />
				<p>今日头条第二弹</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/百度情人节.jpg" />
				<p>百度情人节首页Doodle</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/微众银行.jpg" />
				<p>微众银行品牌宣传片</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/旅行者大意了.jpg" />
				<p>动画短片《旅行者大意了》</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/扇贝雅思.jpg" />
				<p>扇贝雅思课程</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/链家大数据.jpg" />
				<p>链家大数据</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/天猫魔盒.jpg" />
				<p>天猫魔盒3Pro魔力全开</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/今日头条第一弹.jpg" />
				<p>今日头条功能片第一弹</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/G7.jpg" />
				<p>汇通天下G7品牌动画</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/卖房.jpg" />
				<p>链家APP卖房频道2.0</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/echo.jpg" />
				<p>echo回声嘉年华音乐节</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/聚划算.jpg" />
				<p>聚划算：让消费对世界负责</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/网易520.jpg" />
				<p>网易520游戏礼包H5</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/腾讯网络媒体峰会.jpg" />
				<p>腾讯网络媒体峰会</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/未来媒体峰会.jpg" />
				<p>未来媒体峰会</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/有利网.jpg" />
				<p>“有利网”宣传动画</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/今天.jpg" />
				<p>今天就看今日头条</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/回家过年.jpg" />
				<p>为什么我们要回家过年</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/开窍APP.jpg" />
				<p>开窍APP创意视频</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/诛仙.jpg" />
				<p>诛仙世界CG动画</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/F.jpg"/>
				<p>F+PLUS音乐品牌动画</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/拜托了冰箱.jpg" />
				<p>《拜托了冰箱》栏目包装</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/吴亦凡.jpg" />
				<p>吴亦凡——器官的纷争</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/癌症.jpg" />
				<p>癌症大数据</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/联想政务.jpg" />
				<p>联想政务新体验</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/头条号创作平台.jpg" />
				<p>头条号创作平台</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/玩闹.jpg" />
				<p>玩闹智造品牌宣传片</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/概念动画.jpg" />
				<p>今日头条品牌概念动画 </p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/可口可乐.jpg" />
				<p>可口可乐“水动乐”水蜜桃</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/日本旅行.jpg" />
				<p>日本旅行APP"去日本"</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/甲壳虫.jpg" />
				<p>甲壳虫爱情观 </p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/绿色和平.jpg" />
				<p>“绿色和平”环保组织招聘</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/优酷.jpg" />
				<p>优酷2014全视频之夜开场</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/越野.jpg" />
				<p>“越野e族”宣传动画</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/K歌.jpg" />
				<p>K歌之王 实时耳返</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/华为网络大会.jpg" />
				<p>华为网络大会2014《敏捷的未来》</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/因你不凡.jpg" />
				<p>快于一念，因你不凡</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/手机发布会.jpg" />
				<p>Vivo Xplay3s手机发布会</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/禽流感.jpg" />
				<p>H7N9禽流感小贴士</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/华为发布会《》.jpg" />
				<p>华为发布会《改变未来的开始》</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/小星球.jpg" />
				<p>小星球的圣诞老人纷纷出动</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/豆瓣.jpg" />
				<p>在豆瓣，兴趣让用户与品牌不期而遇</p>
			</a>
			<a href="#" class="every-picture">
				<img src="img/构筑下一代.jpg" />
				<p>华为发布会《为您构筑下一代网络安全》</p>
			</a>
		</div>
		
	  <div class="footer">
	   
	   <div class="left">
	   	<div class="chick">
		<a href="https://weibo.com">
			<img src="img/contact1.jpg" />
		</a>
		<a href="http://infini.zcool.com.cn/">
			<img src="img/contact2.jpg" />
		</a>
		<a  href="http://i.youku.com/u/UMTMyODY0NzU2">
			<img src="img/contact3.jpg" />
		</a>
		 </div>
	   </div>	
	 
	   <div class="right">
	   	<div class="imfortant">
	  	<img src="img/footer_logo.jpg"  class="imfortant-logo"/>
	  	<p>INFINI|映纷创意</p>
	  	<p>北京市朝阳区常营</p>
	  	<p>TEL:010-85394331</p>
	  	<p>QQ:7595917</p>
	  	<p>Email : infinistudio@foxmail.com</p>
	  	<p>weibo : @InfiniStudio</p>
	    </div>
	   </div>
	  
	 </div>
	</body>
</html>
